
// 与浏览器监听相关的文件

import gulp from 'gulp';
import gulpif from 'gulp-if';
import gutil from 'gulp-util';  //函数集合，是gulp常用的工具
import args from './util/args'; //之前写的那个命令行那个脚本

gulp.task('browser',(cb)=>{
  if(!args.watch) return cb();  //如果没有用watch参数做监听，直接返回回调

  //下面是关键的


  gulp.watch('app/**/*.js',['scripts']);  //app底下的js文件发生变化的时候，启动scripts这个构建脚本。watch的使用第一个参数指定要是监听目录，第二个是执行什么任务

  //通过上面那句话，只要执行了browser任务，就会自动监听app下面的js，如果发现有变动，就会自动调用scripts这个脚本文件
  //这个里面任务完成之后，就会帮你把它转成ES5或者ES3并把它写到server目录下面的文件中

  gulp.watch('app/**/*.ejs',['pages']); //模板文件
  gulp.watch('app/**/*.css',['css']); //css
});
